<template>
  <div class='same-goods-page xtx-wrapper'>
    <div class="container" style="padding-bottom:20px">
      <xtx-bread>找相似</xtx-bread>
      <!-- 当前商品 -->
      <div class="curr-goods">
        <div class="image">
          <img src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/popular_2.jpg" alt="">
        </div>
        <div class="info">
          <p class="name">折叠出水口可自动停止 3秒速热便携饮水机</p>
          <p class="desc">配赠马克杯，单手可握，3秒即热，7档调温，折叠设计</p>
          <p class="price">¥329.00</p>
        </div>
        <a class="look" href="./product.html">查看详情</a>
      </div>
      <!-- 推荐商品 -->
      <div class="same-goods">
        <h4>相似商品</h4>
        <ul>
          <li v-for="i in 12" :key="i">
            <a href="#">
              <img src="https://yanxuan-item.nosdn.127.net/f7a4f643e245d03771d6f12c94e71214.png?type=webp&quality=95&thumbnail=265x265&imageView" alt="">
              <p class="name ellipsis">原创设计一体化机身 精致迷你破壁机350mL</p>
              <p class="desc ellipsis">多种热饮/果汁，高速搅打，不用开盖便可直接倾倒</p>
              <p class="price">¥299.00</p>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'same-goods-page'
}
</script>

<style scoped lang='less'>
@import './styles/same.less';
</style>
